<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="e730e1dc9c6747f89d9e04c782fb5b4d" class="chart-container" style="width:900px; height:500px;"></div>
    <script>
        var chart_e730e1dc9c6747f89d9e04c782fb5b4d = echarts.init(
            document.getElementById('e730e1dc9c6747f89d9e04c782fb5b4d'), 'dark', {renderer: 'canvas'});
        var option_e730e1dc9c6747f89d9e04c782fb5b4d = {
    "baseOption": {
        "series": [
            {
                "type": "pie",
                "name": "xilie1",
                "clockwise": true,
                "data": [
                    {
                        "name": "H-6K\u8f70\u70b8\u673a",
                        "value": 120
                    },
                    {
                        "name": "J-10\u6b7c\u673a",
                        "value": 235
                    },
                    {
                        "name": "JH-7\u98de\u8c79",
                        "value": 70
                    },
                    {
                        "name": "Q-5\u5f3a\u673a",
                        "value": 118
                    }
                ],
                "radius": [
                    "42%",
                    "50%"
                ],
                "center": [
                    "50%",
                    "50%"
                ],
                "label": {
                    "show": true,
                    "position": "outside",
                    "margin": 8,
                    "formatter": "{white|{b}} \n{hr|}\n{yellow|{c}}\n{blue|{d}%}",
                    "rich": {
                        "yellow": {
                            "color": "#ffc72b",
                            "fontSize": 30,
                            "padding": [
                                5,
                                4
                            ],
                            "align": "center"
                        },
                        "total": {
                            "color": "#ffc72b",
                            "fontSize": 40,
                            "align": "center"
                        },
                        "white": {
                            "color": "#fff",
                            "align": "center",
                            "fontSize": 14,
                            "padding": [
                                21,
                                0
                            ]
                        },
                        "blue": {
                            "color": "#49dff0",
                            "fontSize": 16,
                            "align": "center"
                        },
                        "hr": {
                            "borderColor": "#0b5263",
                            "width": "100%",
                            "borderWidth": 1,
                            "height": 0
                        }
                    }
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "orient": "horizontal",
            "autoPlay": true,
            "controlPosition": "left",
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": false,
            "playInterval": 1500,
            "bottom": "-5px",
            "data": [
                "2016\u5e74",
                "2017\u5e74",
                "2018\u5e74"
            ]
        }
    },
    "options": [
        {
            "backgroundColor": "#031f2d",
            "legend": [
                {
                    "data": [
                        "H-6K\u8f70\u70b8\u673a",
                        "J-10\u6b7c\u673a",
                        "JH-7\u98de\u8c79",
                        "Q-5\u5f3a\u673a"
                    ],
                    "selected": {},
                    "type": "scroll",
                    "show": true,
                    "left": "80%",
                    "orient": "vertical",
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "textStyle": {
                        "color": "#fff",
                        "fontSize": 16,
                        "rich": {
                            "yellow": {
                                "color": "#ffc72b",
                                "fontSize": 30,
                                "padding": [
                                    5,
                                    4
                                ],
                                "align": "center"
                            },
                            "total": {
                                "color": "#ffc72b",
                                "fontSize": 40,
                                "align": "center"
                            },
                            "white": {
                                "color": "#fff",
                                "align": "center",
                                "fontSize": 14,
                                "padding": [
                                    21,
                                    0
                                ]
                            },
                            "blue": {
                                "color": "#49dff0",
                                "fontSize": 16,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#0b5263",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            }
                        }
                    }
                }
            ],
            "series": [
                {
                    "type": "pie",
                    "name": "xilie1",
                    "clockwise": true,
                    "data": [
                        {
                            "name": "H-6K\u8f70\u70b8\u673a",
                            "value": 80
                        },
                        {
                            "name": "J-10\u6b7c\u673a",
                            "value": 155
                        },
                        {
                            "name": "JH-7\u98de\u8c79",
                            "value": 30
                        },
                        {
                            "name": "Q-5\u5f3a\u673a",
                            "value": 90
                        }
                    ],
                    "radius": [
                        "42%",
                        "50%"
                    ],
                    "center": [
                        "50%",
                        "50%"
                    ],
                    "label": {
                        "show": true,
                        "position": "outside",
                        "margin": 8,
                        "formatter": "{white|{b}} \n{hr|}\n{yellow|{c}}\n{blue|{d}%}",
                        "rich": {
                            "yellow": {
                                "color": "#ffc72b",
                                "fontSize": 30,
                                "padding": [
                                    5,
                                    4
                                ],
                                "align": "center"
                            },
                            "total": {
                                "color": "#ffc72b",
                                "fontSize": 40,
                                "align": "center"
                            },
                            "white": {
                                "color": "#fff",
                                "align": "center",
                                "fontSize": 14,
                                "padding": [
                                    21,
                                    0
                                ]
                            },
                            "blue": {
                                "color": "#49dff0",
                                "fontSize": 16,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#0b5263",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            }
                        }
                    }
                }
            ],
            "title": [
                {
                    "text": "2016\u5e74\n\n\u4e0d\u540c\u7a7a\u519b\u673a\u578b\u7edf\u8ba1",
                    "left": "center",
                    "top": "40%",
                    "padding": [
                        24,
                        0
                    ],
                    "itemGap": 10,
                    "textStyle": {
                        "color": "#fff",
                        "fontSize": 18,
                        "align": "center"
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "backgroundColor": "#031f2d",
            "legend": [
                {
                    "data": [
                        "H-6K\u8f70\u70b8\u673a",
                        "J-10\u6b7c\u673a",
                        "JH-7\u98de\u8c79",
                        "Q-5\u5f3a\u673a"
                    ],
                    "selected": {},
                    "type": "scroll",
                    "show": true,
                    "left": "80%",
                    "orient": "vertical",
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "textStyle": {
                        "color": "#fff",
                        "fontSize": 16,
                        "rich": {
                            "yellow": {
                                "color": "#ffc72b",
                                "fontSize": 30,
                                "padding": [
                                    5,
                                    4
                                ],
                                "align": "center"
                            },
                            "total": {
                                "color": "#ffc72b",
                                "fontSize": 40,
                                "align": "center"
                            },
                            "white": {
                                "color": "#fff",
                                "align": "center",
                                "fontSize": 14,
                                "padding": [
                                    21,
                                    0
                                ]
                            },
                            "blue": {
                                "color": "#49dff0",
                                "fontSize": 16,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#0b5263",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            }
                        }
                    }
                }
            ],
            "series": [
                {
                    "type": "pie",
                    "name": "xilie1",
                    "clockwise": true,
                    "data": [
                        {
                            "name": "H-6K\u8f70\u70b8\u673a",
                            "value": 100
                        },
                        {
                            "name": "J-10\u6b7c\u673a",
                            "value": 180
                        },
                        {
                            "name": "JH-7\u98de\u8c79",
                            "value": 50
                        },
                        {
                            "name": "Q-5\u5f3a\u673a",
                            "value": 101
                        }
                    ],
                    "radius": [
                        "42%",
                        "50%"
                    ],
                    "center": [
                        "50%",
                        "50%"
                    ],
                    "label": {
                        "show": true,
                        "position": "outside",
                        "margin": 8,
                        "formatter": "{white|{b}} \n{hr|}\n{yellow|{c}}\n{blue|{d}%}",
                        "rich": {
                            "yellow": {
                                "color": "#ffc72b",
                                "fontSize": 30,
                                "padding": [
                                    5,
                                    4
                                ],
                                "align": "center"
                            },
                            "total": {
                                "color": "#ffc72b",
                                "fontSize": 40,
                                "align": "center"
                            },
                            "white": {
                                "color": "#fff",
                                "align": "center",
                                "fontSize": 14,
                                "padding": [
                                    21,
                                    0
                                ]
                            },
                            "blue": {
                                "color": "#49dff0",
                                "fontSize": 16,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#0b5263",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            }
                        }
                    }
                }
            ],
            "title": [
                {
                    "text": "2017\u5e74\n\n\u4e0d\u540c\u7a7a\u519b\u673a\u578b\u7edf\u8ba1",
                    "left": "center",
                    "top": "40%",
                    "padding": [
                        24,
                        0
                    ],
                    "itemGap": 10,
                    "textStyle": {
                        "color": "#fff",
                        "fontSize": 18,
                        "align": "center"
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        },
        {
            "backgroundColor": "#031f2d",
            "legend": [
                {
                    "data": [
                        "H-6K\u8f70\u70b8\u673a",
                        "J-10\u6b7c\u673a",
                        "JH-7\u98de\u8c79",
                        "Q-5\u5f3a\u673a"
                    ],
                    "selected": {},
                    "type": "scroll",
                    "show": true,
                    "left": "80%",
                    "orient": "vertical",
                    "padding": 5,
                    "itemGap": 10,
                    "itemWidth": 25,
                    "itemHeight": 14,
                    "textStyle": {
                        "color": "#fff",
                        "fontSize": 16,
                        "rich": {
                            "yellow": {
                                "color": "#ffc72b",
                                "fontSize": 30,
                                "padding": [
                                    5,
                                    4
                                ],
                                "align": "center"
                            },
                            "total": {
                                "color": "#ffc72b",
                                "fontSize": 40,
                                "align": "center"
                            },
                            "white": {
                                "color": "#fff",
                                "align": "center",
                                "fontSize": 14,
                                "padding": [
                                    21,
                                    0
                                ]
                            },
                            "blue": {
                                "color": "#49dff0",
                                "fontSize": 16,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#0b5263",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            }
                        }
                    }
                }
            ],
            "series": [
                {
                    "type": "pie",
                    "name": "xilie1",
                    "clockwise": true,
                    "data": [
                        {
                            "name": "H-6K\u8f70\u70b8\u673a",
                            "value": 120
                        },
                        {
                            "name": "J-10\u6b7c\u673a",
                            "value": 235
                        },
                        {
                            "name": "JH-7\u98de\u8c79",
                            "value": 70
                        },
                        {
                            "name": "Q-5\u5f3a\u673a",
                            "value": 118
                        }
                    ],
                    "radius": [
                        "42%",
                        "50%"
                    ],
                    "center": [
                        "50%",
                        "50%"
                    ],
                    "label": {
                        "show": true,
                        "position": "outside",
                        "margin": 8,
                        "formatter": "{white|{b}} \n{hr|}\n{yellow|{c}}\n{blue|{d}%}",
                        "rich": {
                            "yellow": {
                                "color": "#ffc72b",
                                "fontSize": 30,
                                "padding": [
                                    5,
                                    4
                                ],
                                "align": "center"
                            },
                            "total": {
                                "color": "#ffc72b",
                                "fontSize": 40,
                                "align": "center"
                            },
                            "white": {
                                "color": "#fff",
                                "align": "center",
                                "fontSize": 14,
                                "padding": [
                                    21,
                                    0
                                ]
                            },
                            "blue": {
                                "color": "#49dff0",
                                "fontSize": 16,
                                "align": "center"
                            },
                            "hr": {
                                "borderColor": "#0b5263",
                                "width": "100%",
                                "borderWidth": 1,
                                "height": 0
                            }
                        }
                    }
                }
            ],
            "title": [
                {
                    "text": "2018\u5e74\n\n\u4e0d\u540c\u7a7a\u519b\u673a\u578b\u7edf\u8ba1",
                    "left": "center",
                    "top": "40%",
                    "padding": [
                        24,
                        0
                    ],
                    "itemGap": 10,
                    "textStyle": {
                        "color": "#fff",
                        "fontSize": 18,
                        "align": "center"
                    }
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "showContent": true,
                "alwaysShowContent": false,
                "showDelay": 0,
                "hideDelay": 100,
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0,
                "padding": 5
            },
            "color": [
                "#c23531",
                "#2f4554",
                "#61a0a8",
                "#d48265",
                "#749f83",
                "#ca8622",
                "#bda29a",
                "#6e7074",
                "#546570",
                "#c4ccd3",
                "#f05b72",
                "#ef5b9c",
                "#f47920",
                "#905a3d",
                "#fab27b",
                "#2a5caa",
                "#444693",
                "#726930",
                "#b2d235",
                "#6d8346",
                "#ac6767",
                "#1d953f",
                "#6950a1",
                "#918597"
            ]
        }
    ]
};
        chart_e730e1dc9c6747f89d9e04c782fb5b4d.setOption(option_e730e1dc9c6747f89d9e04c782fb5b4d);
    </script>
</body>
</html>
